<template>
  <div>
    <!--  -->
    <div>
         <slot name="header" :name1="name1" ></slot>
     </div> 
    <p>我是child4组件</p>
     <div>
         <slot :name2="name2"></slot>
     </div> 
     <div>
         <slot name="footer" :name3="name3"></slot>
     </div> 
  </div>
</template>

<script>
// 具名作用域插槽

  export default {
    name:'',
    data () {
      return {
        child3msg: '清明时节雨纷纷',
        name1: '天苍苍',
        name2: '野茫茫',
        name3:'风吹草低见牛羊'
      };
    },


  }

</script>
<style scoped>

</style>